<template>
  <el-dialog
    :title="title"
    :visible.sync="dialogVisible"
    width="70%"
    custom-class="model-box"
    center
  >
    <slot name="iframe"></slot>
    <span slot="footer" class="dialog-footer">
      <el-button @click="dialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  name: "ModelViewModelBox",

  data() {
    return {
      dialogVisible: false,
      title: "详情",
    };
  },

  mounted() {},

  methods: {
    open(val) {
      this.title = val.name;
      this.dialogVisible = true;
    },
  },
};
</script>

<style lang="less">
#app .model-box {
  // background-color: rgba(1, 16, 17, 0.438);
  // box-shadow: inset 0px 0px 8px 0px #1ace98;
  // border-radius: 0px 32px 0px 0px;
  iframe {
    width: 100%;
    height: 100%;
  }
}
.model-b {
}
</style>
